<template>
    <div class="nav">
        <el-menu
        :router="true"
        class="el-menu-demo"
        mode="horizontal"
        active-text-color="#ffd04b">
            <el-menu-item index="/"><img src="../../assets/logo.png" height="100%" alt=""></el-menu-item>
        </el-menu>
    </div>
</template>

<script>
    export default {
        data() {
            return {
                activeIndex: 0
            }
        }
    }
</script>

<style lang="less" scoped>
.nav{
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 999;
    background: #fff;
    box-shadow: 0 0 4px #ccc;
}
@media only  screen and  (max-width:900px){
    .nav{
        background-image: url(../../assets/registration.jpg);
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
}
</style>